<link rel="stylesheet" type="text/css" href="common/css/jquery.slider.min.css" />
<div ms-controller="targeting" class="targeting">
	<header class="ui-bar ui-bar-nav">
		<a ms-click="back" class="ui-icon iconfont icon-arrowleft ui-fl" href="javascript:;"></a>
		<h1 class="ui-title">近期目标</h1>
	</header>
	<div class="main targetMain">
		<div class="row title">
			<h2>血压近期目标</h2>
		</div>
		<div class="targetContent">
			<ul>
				<li>
					<div class="row">
						<h2 class="small-6 medium-6 large-6 columns">收缩压</h2>
						<h2><span>90-120</span>mmHg</h2>
					</div>
					<div class="row">
						<div class="layout-slider">
							<input id="Slider3" type="slider" name="area" value="90;160" />
						</div>
					</div>
					<div class="row saveBtn">
						<div class="small-6 medium-6 large-6 columns" >
							<button>取消</button>
						</div>
						<div class="small-6 medium-6 large-6 columns" >
							<button>保存</button>
						</div>
					</div>
				</li>
				<li class="row">
					<div class="row">
						<h2 class="small-6 medium-6 large-6 columns">舒张压</h2>
						<h2><span>60-80</span>mmHg</h2>
					</div>
					<div class="row">
						<div class="layout-slider">
							<input id="Slider4" type="slider" name="content" value="40;80" />
						</div>
					</div>
					<div class="row saveBtn">
						<div class="small-6 medium-6 large-6 columns" >
							<button>取消</button>
						</div>
						<div class="small-6 medium-6 large-6 columns" >
							<button>保存</button>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="row title">
			<h2>血压目标阶段历史</h2>
		</div>
		<div class="row echartMain">
			<div id="main" style="width:100%;height:280px;background:#fff;"></div>
		</div>
	</div>
</div>
<script type="text/javascript" src="modules/targeting/echart.js"></script>
<script type="text/javascript" charset="utf-8">
	$("#Slider3").slider({
		from: 60,
		to: 200,
//		heterogeneity: ['30/110'],
		limits: false,
		step: 10,
		dimension: '',
		scale: [60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200],
		skin: "blue",
	});
	$("#Slider4").slider({
		from: 40,
		to: 150,
//		heterogeneity: ['70/100'],
		limits: false,
		step: 10,
		dimension: '',
		scale: [40,50,60, 70, 80, 90, 100, 110, 120, 130, 140, 150],
		skin: "blue",
	});
</script>